$(document).ready(function(){
   
   $('.item').hover(function(){
      $(this).addClass('show');
   },function(){
      $(this).removeClass('show');
   });
   $('.btn-view-img').click(function(){
      var content = '<div class="overlay-page"></div><div class="pre-view-img"><div title="Đóng" class="close">.</div></div>';
      var src = '/pictures/product/detail/' + $(this).attr('data-src');
      $('body').append(content);
      $('.pre-view-img').append('<img src="'+src+'" />');
      setPositonCenter('.pre-view-img');
      
   });
   $('.overlay-page').live('click',hidePreview);
   $('.pre-view-img .close').live('click',hidePreview);
   $('.product-thumb').click(function(){
      $(this).parent().find('.btn-view-img:first').click();
   });   
});
function setPositonCenter(obj){
   var el = $(obj);
   var top = $(window).scrollTop();
   var w_window = $(window).width();
   el.css('left',w_window/2 - 300);
   el.css('top',top);
}
function hidePreview(){
   $('.overlay-page').remove();
   $('.pre-view-img').remove();
}